

	<div class="row ">
    		<div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
    <h1 class="page-title txt-color-blueDark"> 
				<i class="fa fa-pencil-square-o fa-fw"></i>
 表单
			<span>
    > Bootstrap表单元素 
</span>
		
</h1>
</div>

			<div class="col-xs-12 col-sm-5 col-md-5 col-lg-8">
    		<ul id="sparks" >
    			<li class="sparks-info">
    				 <h5> 个人收入 <span class="txt-color-blue">$47,171</span></h5>
				<div class="sparkline txt-color-blue hidden-mobile hidden-md hidden-sm">
    					1300, 1877, 2500, 2577, 2000, 2100, 3000, 2700, 3631, 2471, 2700, 3631, 2471
				
</div>
			
</li>
			<li class="sparks-info">
    				<h5> 站点流量 <span class="txt-color-purple"><i class="fa fa-arrow-circle-up" data-rel="bootstrap-tooltip" title="Increased"></i>&nbsp;45%</span></h5>
				<div class="sparkline txt-color-purple hidden-mobile hidden-md hidden-sm">
    					110,150,300,130,400,240,220,310,220,300, 270, 210
				
</div>
			
</li>
			<li class="sparks-info">
    				<h5> 站点营收 <span class="txt-color-greenDark"><i class="fa fa-shopping-cart"></i>&nbsp;2447</span></h5>
				<div class="sparkline txt-color-greenDark hidden-mobile hidden-md hidden-sm">
    					110,150,300,130,400,240,220,310,220,300, 270, 210
				
</div>
			
</li>
		
</ul>
	
</div>
	
</div>

<section id="widget-grid" class="">
    	<div class="well ">
			<div class="input-group ">
				<input type="text"  id=""  name=""  value=""  placeholder="查询..."  class="form-control">
			<div class="input-group-btn ">
					<button class="btn btn-default btn-primary" type="button">
						<i class="fa fa-search"></i>
 查询
				
</button>
			
</div>
		
</div>
	
</div>

	<div class="row">
    		<article class="col-sm-12 col-md-12 col-lg-6">
    			<div class="jarviswidget jarviswidget-sortable" id="wid-id-0"
    				data-widget-colorbutton="false"
				data-widget-editbutton="false"
				>
<header>
    <span class="widget-icon"><i class="fa fa-eye"></i></span>    <h2>默认元素</h2>
    
</header>
				<div>
    					<div class="jarviswidget-editbox">
    
</div>
					<div class="widget-body ">
    						<form class="form-horizontal">
							<fieldset >
									<legend>默认表单元素</legend>
								<div class="form-group ">
										<label class="col-md-2 control-label" for="$for">
	 文本域 
</label>
									<div class="col-md-10 ">
    										<input type="text"  id=""  name=""  value=""  placeholder="默认文本域"  class="form-control">
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="col-md-2 control-label" for="$for">
	 自动完成输入 
</label>
									<div class="col-md-10 ">
    										<input type="text" list="list"  id=""  name=""  value=""  placeholder="请输入一些信息..."  class="form-control">
										<datalist id="list">  
												<option>请选择省份</option>
	<option value="浙江">浙江</option>
	<option value="河南">河南</option>
	<option value="山东">山东</option>
	<option value="山西">山西</option>
	<option value="福建">福建</option>
	<option value="北京">北京</option>
	<option value="上海">上海</option>
	<option value="广东">广东</option>
	<option value="广西">广西</option>   
										</datalist>
										<p class="note ">
    											<strong>注意:</strong> 只在Chrome, Firefox, Opera and IE10等浏览器中有效.
										
</p>
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="col-md-2 control-label" for="$for">
	 密码域 
</label>
									<div class="col-md-10 ">
    										<input type="password"  id="mypassword"  name=""  value=""  placeholder="请输入密码"  class="form-control">
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="col-md-2 control-label" for="$for">
	Textarea域
</label>
									<div class="col-md-10 ">
    										<textarea  rows="4"  id=""  name=""  value=""  placeholder="Textarea输入框"  class="form-control"></textarea>
									
</div>
								
</div>
							
</fieldset>
							
							<fieldset >
									<legend>无样式的复选框和内联复选框</legend>
								<div class="form-group ">
										<label class="col-md-2 control-label" for="$for">
	复选框
</label>
									<div class="col-md-10 ">
    										<div class="checkbox ">
												<label> <input type="checkbox"      placeholder="" >
 Checkbox 1 </label>
										
</div>
										<div class="checkbox ">
												<label> <input type="checkbox"      placeholder="" >
 Checkbox 2 </label>
										
</div>
										<div class="checkbox ">
												<label> <input type="checkbox"      placeholder="" >
 Checkbox 3 </label>
										
</div>
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="col-md-2 control-label" for="$for">
	内联
</label>
									<div class="col-md-10 ">
    										<label class="checkbox-inline"> <input type="checkbox"      placeholder="" >
 Checkbox 1 </label>
										<label class="checkbox-inline"> <input type="checkbox"      placeholder="" >
 Checkbox 2 </label>
										<label class="checkbox-inline"> <input type="checkbox"      placeholder="" >
 Checkbox 3 </label> 
									
</div>
								
</div>
							
</fieldset>
							
							<fieldset >
									<legend>无样式的单选框和内联单选框</legend>
								<div class="form-group ">
										<label class="col-md-2 control-label" for="$for">
	单选框
</label>
									<div class="col-md-10 ">
    										<div class="radio ">
												<label> <input type="radio"   id=""  name="radio"   placeholder="" >
Radiobox 1 </label>
										
</div>
										<div class="radio ">
												<label> <input type="radio"   id=""  name="radio"   placeholder="" >
Radiobox 2 </label>
										
</div>
										<div class="radio ">
												<label> <input type="radio"   id=""  name="radio"   placeholder="" >
Radiobox 3 </label>
										
</div>
									
</div>
								
</div>
								
								<div class="form-group ">
										<label class="col-md-2 control-label" for="$for">
	内联
</label>
									<div class="col-md-10 ">
    										<label class="radio radio-inline"> <input type="radio"   id=""  name="radio"   placeholder="" >
Radiobox 1 </label>
										<label class="radio radio-inline"> <input type="radio"   id=""  name="radio"   placeholder="" >
Radiobox 2 </label>
										<label class="radio radio-inline"> <input type="radio"   id=""  name="radio"   placeholder="" >
Radiobox 3 </label> 
									
</div>
								
</div>
							
</fieldset>
							
							<fieldset >
									<legend>文件输入</legend> 
								<div class="form-group ">
										<label class="col-md-2 control-label" for="$for">
	文件域
</label>
									<div class="col-md-10 ">
    										<input type="file"  id="exampleInputFile1"  name=""  value=""  placeholder=""  class="btn btn-default">
										<p class="help-block"> 一些帮助信息.</p> 
									
</div>
								
</div>
							
</fieldset>
							
							<fieldset  class="demo-switcher-1">
									<legend>有样式的复选框和内联复选框</legend> 
								<span class="toggle-demo">
									<span>样式: </span>
									<span class="btn-group btn-group-justified" data-toggle="buttons">
										<label class="btn btn-default btn-xs active">
											<input type="radio" name="demo-switcher-1" id="style-0"> 1
										</label>
										<label class="btn btn-default btn-xs">
											<input type="radio" name="demo-switcher-1" id="style-1"> 2
										</label>
										<label class="btn btn-default btn-xs">
											<input type="radio" name="demo-switcher-1" id="style-2"> 3
										</label>
										<label class="btn btn-default btn-xs">
											<input type="radio" name="demo-switcher-1" id="style-3"> 4
										</label>
									</span>
								</span>
								
								<div class="form-group demo-switcher-1">
										<label class="col-md-2 control-label" for="$for">
	复选框
</label>
									<div class="col-md-10 ">
    										<div class="checkbox demo-switcher-1">
												<label> <input type="checkbox"  checked=""  id=""  name=""  value=""  placeholder=""  class="checkbox style-0">
 <span>Checkbox 1</span> </label>
										
</div>
										<div class="checkbox demo-switcher-1">
												<label> <input type="checkbox"  checked=""  id=""  name=""  value=""  placeholder=""  class="checkbox style-0">
 <span>Checkbox 2</span> </label>
										
</div>
										<div class="checkbox demo-switcher-1">
												<label> <input type="checkbox"  checked=""  id=""  name=""  value=""  placeholder=""  class="checkbox style-0">
 <span>Checkbox 3</span> </label>
										
</div>
									
</div>
								
</div>

								<div class="form-group demo-switcher-1">
										<label class="col-md-2 control-label" for="$for">
	内联
</label>
									<div class="col-md-10 ">
    										<label class="checkbox-inline"> <input type="checkbox"   id=""  name=""  value="checkbox"  placeholder=""  class="demo-switcher-1">
 <span>Checkbox 1</span> </label>			
										<label class="checkbox-inline"> <input type="checkbox"   id=""  name=""  value="checkbox"  placeholder=""  class="demo-switcher-1">
 <span>Checkbox 2</span> </label>			
										<label class="checkbox-inline"> <input type="checkbox"   id=""  name=""  value="checkbox"  placeholder=""  class="demo-switcher-1">
 <span>Checkbox 3</span> </label> 
									
</div>
								
</div>
							
</fieldset>

							<fieldset  class="demo-switcher-1">
									<legend>有样式的单选框和内联单选框</legend> 
								<div class="form-group demo-switcher-1">
										<label class="col-md-2 control-label" for="$for">
	单选框
</label>
									<div class="col-md-10 ">
    										<div class="radio demo-switcher-1">
												<label> <input type="radio"  checked=""  id=""  name="radio"  value=""  placeholder=""  class="radiobox style-0">
 <span>Radiobox 1</span> </label>
										
</div>
										<div class="radio demo-switcher-1">
												<label> <input type="radio"  checked=""  id=""  name="radio"  value=""  placeholder=""  class="radiobox style-0">
 <span>Radiobox 2</span> </label>
										
</div>
										<div class="radio demo-switcher-1">
												<label> <input type="radio"  checked=""  id=""  name="radio"  value=""  placeholder=""  class="radiobox style-0">
 <span>Radiobox 3</span> </label>
										
</div>
									
</div>
								
</div>
								
								<div class="form-group demo-switcher-1">
										<label class="col-md-2 control-label" for="$for">
	内联
</label>
									<div class="col-md-10 ">
    										<label class="radio radio-inline"> <input type="radio"  checked=""  id=""  name="style-0a"  value=""  placeholder=""  class="radiobox">
 <span>Radiobox 1</span> </label>
										<label class="radio radio-inline"> <input type="radio"  checked=""  id=""  name="style-0a"  value=""  placeholder=""  class="radiobox">
 <span>Radiobox 2</span> </label>
										<label class="radio radio-inline"> <input type="radio"  checked=""  id=""  name="style-0a"  value=""  placeholder=""  class="radiobox">
 <span>Radiobox 3</span> </label>
									
</div>
								
</div>
							
</fieldset>

							<fieldset >
									<legend>无样式的选择框和多选框</legend> 
								<div class="form-group ">
										<label class="col-md-2 control-label" for="select-1">
	选择框
</label>
									<div class="col-md-10 ">
    										<select  id="select-1"  name=""  value=""  placeholder=""  class="form-control">
													<option>请选择省份</option>
	<option value="浙江">浙江</option>
	<option value="河南">河南</option>
	<option value="山东">山东</option>
	<option value="山西">山西</option>
	<option value="福建">福建</option>
	<option value="北京">北京</option>
	<option value="上海">上海</option>
	<option value="广东">广东</option>
	<option value="广西">广西</option>   
										
</select>
									
</div>
								
</div>
								
								<div class="form-group ">
										<label class="col-md-2 control-label" for="multiselect1">
	多选框
</label>
									<div class="col-md-10 ">
    										<select multiple="multiple" title="点击选择一个城市"  id="multiselect1"  name=""  value=""  placeholder=""  class="form-control custom-scroll">
													<option>请选择省份</option>
	<option value="浙江">浙江</option>
	<option value="河南">河南</option>
	<option value="山东">山东</option>
	<option value="山西">山西</option>
	<option value="福建">福建</option>
	<option value="北京">北京</option>
	<option value="上海">上海</option>
	<option value="广东">广东</option>
	<option value="广西">广西</option>   
										
</select>
									
</div>
								
</div>
							
</fieldset>
							
							<fieldset >
									<legend>输入后的显示状态</legend> 
								<div class="form-group has-warning">
										<label class="col-md-2 control-label" for="$for">
	警告
</label>
									<div class="col-md-10 ">
    										<div class="input-group has-warning">
												<input type="text"  id=""  name=""  value=""  placeholder=""  class="form-control">
											<span class="input-group-addon has-warning">
	<i class="fa fa-warning"></i>

</span>   
										
</div>
										<span class="help-block">输入信息有错误</span>
									
</div>
								
</div>

								<div class="form-group has-error">
										<label class="col-md-2 control-label" for="$for">
	错误
</label>
									<div class="col-md-10 ">
    										<div class="input-group has-error">
												<input type="text"  id=""  name=""  value=""  placeholder=""  class="form-control">
											<span class="input-group-addon has-error">
	<i class="glyphicon glyphicon-remove-circle"></i>

</span>   
										
</div>
										<span class="help-block"><i class="fa fa-warning"></i>
请纠正错误</span>
									
</div>
								
</div>

								<div class="form-group has-success">
										<label class="col-md-2 control-label" for="$for">
	成功
</label>
									<div class="col-md-10 ">
    										<div class="input-group has-success">
												<span class="input-group-addon has-success">
	<i class="fa fa-dollar"></i>

</span>   
											<input type="text"  id=""  name=""  value=""  placeholder=""  class="form-control">
											<span class="input-group-addon has-success">
	<i class="fa fa-check"></i>

</span>   
										
</div>
										<span class="help-block">成功</span>
									
</div>
								
</div>
							
</fieldset>
							
							<fieldset >
									<legend>不同尺寸大小的文本输入域</legend> 
								<div class="form-group ">
										<label class="control-label col-md-2">超小文本</label>
									<div class="col-md-10 ">
    										<input type="text"  id=""  name=""  value=""  placeholder=".input-xs"  class="input-xs form-control">
									
</div>
								
</div>
								
								<div class="form-group ">
										<label class="control-label col-md-2">小文本</label>
									<div class="col-md-10 ">
    										<input type="text"  id=""  name=""  value=""  placeholder=".input-sm"  class="input-sm form-control">
									
</div>
								
</div>
								
								<div class="form-group ">
										<label class="control-label col-md-2">默认大小</label>
									<div class="col-md-10 ">
    										<input type="text"  id=""  name=""  value=""  placeholder="默认大小文本输入框"  class="form-control">
									
</div>
								
</div>
								
								<div class="form-group ">
										<label class="control-label col-md-2">大文本</label>
									<div class="col-md-10 ">
    										<input type="text"  id=""  name=""  value=""  placeholder=".input-lg"  class="input-lg form-control">
									
</div>
								
</div>
							
</fieldset>
							
							<fieldset >
									<legend>不同尺寸大小选择框</legend>
								<div class="form-group ">
										<label class="control-label col-md-2">小选择框</label>
									<div class="col-md-10 ">
    										<select  id=""  name=""  value=""  placeholder=""  class="input-sm form-control">
												
												<option>请选择省份</option>
	<option value="浙江">浙江</option>
	<option value="河南">河南</option>
	<option value="山东">山东</option>
	<option value="山西">山西</option>
	<option value="福建">福建</option>
	<option value="北京">北京</option>
	<option value="上海">上海</option>
	<option value="广东">广东</option>
	<option value="广西">广西</option>   
										
</select>
									
</div>
								
</div>
								 
								<div class="form-group ">
										<label class="control-label col-md-2">默认大小</label>
									<div class="col-md-10 ">
    										<select  id=""  name=""  value=""  placeholder=""  class="form-control">
													<option>请选择省份</option>
	<option value="浙江">浙江</option>
	<option value="河南">河南</option>
	<option value="山东">山东</option>
	<option value="山西">山西</option>
	<option value="福建">福建</option>
	<option value="北京">北京</option>
	<option value="上海">上海</option>
	<option value="广东">广东</option>
	<option value="广西">广西</option>   
										
</select>
									
</div>
								
</div>
								
								<div class="form-group ">
										<label class="control-label col-md-2">大选择框</label>
									<div class="col-md-10 ">
    										<select  id=""  name=""  value=""  placeholder=""  class="input-lg form-control">
													<option>请选择省份</option>
	<option value="浙江">浙江</option>
	<option value="河南">河南</option>
	<option value="山东">山东</option>
	<option value="山西">山西</option>
	<option value="福建">福建</option>
	<option value="北京">北京</option>
	<option value="上海">上海</option>
	<option value="广东">广东</option>
	<option value="广西">广西</option>   
										
</select>
									
</div>
								
</div>
							
</fieldset>
							
							<fieldset >
									<legend>前置或后置图标效果</legend> 
								<div class="form-group ">
										<label class="control-label col-md-2" for="prepend">前置图标</label>
									<div class="col-md-10 ">
    										<div class="row">
    											<div class="col-sm-12 ">
    												<div class="input-group ">
														<span class="input-group-addon ">
	@
</span>   
													<input type="text"  id="prepend"  name=""  value=""  placeholder="用户姓名"  class="form-control">
												
</div>
											
</div>
										
</div>
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="control-label col-md-2" for="prepend">前置单选</label>
									<div class="col-md-10 ">
    										<div class="row">
    											<div class="col-sm-12 ">
    												<div class="input-group ">
														<span class="input-group-addon ">
															<span class="checkbox">
															<label>
																<input type="checkbox"  checked="checked"  id=""  name=""  value="checkbox style-0"  placeholder="" >
																<span></span>
															</label>
														</span>
													
</span>   
													<input type="text"  id=""  name=""  value=""  placeholder=""  class="form-control">
												
</div>
											
</div>
										
</div>
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="control-label col-md-2" for="append">后置图标</label>
									<div class="col-md-10 ">
    										<div class="row">
    											<div class="col-sm-12 ">
    												<div class="input-group ">
														<input type="text"  id="append"  name=""  value=""  placeholder=""  class="form-control">
													<span class="input-group-addon ">
	.00
</span>   
												
</div>
											
</div>
										
</div>
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="control-label col-md-2"></label>
									<div class="col-md-10 ">
    										<div class="row">
    											<div class="col-sm-12 ">
    												<div class="input-group">
													<input class="form-control" placeholder="点击按钮切换" type="text">
													<span class="input-group-addon">
														<span class="onoffswitch">
															<input type="checkbox" name="start_interval" class="onoffswitch-checkbox" id="st3">
															<label class="onoffswitch-label" for="st3"> 
																<span class="onoffswitch-inner" data-swchon-text="YES" data-swchoff-text="NO"></span> 
																<span class="onoffswitch-switch"></span> 
															</label> 
														</span>
													</span>
												</div>
											
</div>
										
</div>
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="control-label col-md-2"></label>
									<div class="col-md-10 ">
    										<div class="row">
    											<div class="col-sm-12 ">
    												<div class="input-group ">
														<span class="input-group-addon ">
															<span class="radio">
															<label>
																<input type="radio"   id=""  name="style-0a2"  value="radiobox style-0"  placeholder="" >
																<span> 左</span>
															</label>
														</span>
													
</span>   
													<input type="text"  id=""  name=""  value=""  placeholder=""  class="form-control">
													<span class="input-group-addon ">
															<span class="radio">
															<label>
																<input type="radio"   id=""  name="style-0a2"  value="radiobox style-0"  placeholder="" >
																<span> 右</span>
															</label>
														</span>
													
</span>   
												
</div>
											
</div>
										
</div>
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="control-label col-md-2" for="appendprepend">组合</label>
									<div class="col-md-10 ">
    										<div class="row">
    											<div class="col-sm-12 ">
    												<div class="input-group ">
														<span class="input-group-addon ">
	 $ 
</span>   
													<input type="text"  id="appendprepend"  name=""  value=""  placeholder=""  class="form-control">
													<span class="input-group-addon ">
	.00
</span>   
												
</div>
											
</div>
										
</div>
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="control-label col-md-2" for="appendbutton">带按钮</label>
									<div class="col-md-10 ">
    										<div class="row">
    											<div class="col-sm-12 ">
    												<div class="input-group ">
														<input type="text"  id="appendbutton"  name=""  value=""  placeholder=""  class="form-control">
													<div class="input-group-btn ">
															<button class="btn btn-default" type="button">
															查询
														</button>
														<button class="btn btn-default" type="button">
															选项
														</button>
													
</div>
												
</div>
											
</div>
										
</div>
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="control-label col-md-2">带有下拉按钮</label>
									<div class="col-md-10 ">
    										<div class="row">
    											<div class="col-sm-12 ">
    												<div class="input-group ">
														<input type="text"  id=""  name=""  value=""  placeholder=""  class="form-control">
													<div class="input-group-btn ">
															<button type="button" class="btn btn-default" tabindex="-1">动作</button>
														<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" tabindex="-1">
															<span class="caret"></span>
														</button>
														<ul class="dropdown-menu pull-right" role="menu">
															<li> 
	<a href="javascript:void(0);">操作1</a>
</li>
															<li> 
	<a href="javascript:void(0);">操作2</a>
</li>
															<li> 
	<a href="javascript:void(0);">操作3</a>
</li>
															<li class="divider"></li>
															<li> 
	<a href="javascript:void(0);">操作4</a>
</li>
														</ul>
													
</div>
												
</div>
											
</div>
										
</div>
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="control-label col-md-2"></label>
									<div class="col-md-10 ">
    										<div class="row">
    											<div class="col-sm-12 ">
    												<div class="input-group ">
														<div class="input-group-btn">
														<button type="button" class="btn btn-default" tabindex="-1">动作</button>
														<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" tabindex="-1">
															<span class="caret"></span>
														</button>
														<ul class="dropdown-menu" role="menu">
															<li> 
	<a href="javascript:void(0);">操作1</a>
</li>
															<li> 
	<a href="javascript:void(0);">操作2</a>
</li>
															<li> 
	<a href="javascript:void(0);">操作3</a>
</li>
															<li class="divider"></li>
															<li> 
	<a href="javascript:void(0);">操作4</a>
</li>
														</ul>
													</div>
													<input type="text"  id=""  name=""  value=""  placeholder=""  class="form-control">
												
</div>
											
</div>
										
</div>
									
</div>
								
</div>
							
</fieldset>
							
							<fieldset >
									<legend>带有图标的复杂输入</legend> 
								<div class="form-group ">
										<label class="control-label col-md-2" for="prepend">前置大图标</label>
									<div class="col-md-10 ">
    										<div class="icon-addon addon-lg ">
												<input type="text"  id=""  name=""  value=""  placeholder="邮箱地址"  class="form-control">
											<label for="email" class="glyphicon glyphicon-search"  rel="tooltip" title="邮箱"></label> 
										
</div>
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="control-label col-md-2" for="prepend">前置中等大小图标</label>
									<div class="col-md-10 ">
    										<div class="icon-addon addon-md ">
												<input type="text"  id=""  name=""  value=""  placeholder="邮箱地址"  class="form-control">
											<label for="email" class="glyphicon glyphicon-search"  rel="tooltip" title="邮箱"></label> 
										
</div>
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="control-label col-md-2" for="prepend">前置小图标</label>
									<div class="col-md-10 ">
    										<div class="icon-addon addon-sm ">
												<input type="text"  id=""  name=""  value=""  placeholder="邮箱地址"  class="form-control">
											<label for="email" class="glyphicon glyphicon-search"  rel="tooltip" title="邮箱"></label> 
										
</div>
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="control-label col-md-2" for="prepend">大选择框</label>
									<div class="col-md-10 ">
    										<div class="icon-addon addon-lg ">
												<select  id=""  name=""  value=""  placeholder=""  class="form-control">
														<option>请选择省份</option>
	<option value="zj">浙江</option>
	<option value="hn">河南</option>
	<option value="sd">山东</option>
	<option value="sx">山西</option>
	<option value="fj">福建</option>
	<option value="bj">北京</option>
	<option value="sh">上海</option>
	<option value="gd">广东</option>
	<option value="gx">广西</option>  
											
</select>
											<label for="email" class="glyphicon glyphicon-search"  rel="tooltip" title="邮箱"></label> 
										
</div>
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="control-label col-md-2" for="prepend">中等大小选择框</label>
									<div class="col-md-10 ">
    										<div class="icon-addon addon-md ">
												<select  id=""  name=""  value=""  placeholder=""  class="form-control">
														<option>请选择省份</option>
	<option value="zj">浙江</option>
	<option value="hn">河南</option>
	<option value="sd">山东</option>
	<option value="sx">山西</option>
	<option value="fj">福建</option>
	<option value="bj">北京</option>
	<option value="sh">上海</option>
	<option value="gd">广东</option>
	<option value="gx">广西</option>  
											
</select>
											<label for="email" class="glyphicon glyphicon-search"  rel="tooltip" title="邮箱"></label> 
										
</div>
									
</div>
							
								
</div>
							
								<div class="form-group ">
										<label class="control-label col-md-2" for="prepend">小选择框</label>
									<div class="col-md-10 ">
    										<div class="icon-addon addon-sm ">
												<select  id=""  name=""  value=""  placeholder=""  class="form-control">
														<option>请选择省份</option>
	<option value="zj">浙江</option>
	<option value="hn">河南</option>
	<option value="sd">山东</option>
	<option value="sx">山西</option>
	<option value="fj">福建</option>
	<option value="bj">北京</option>
	<option value="sh">上海</option>
	<option value="gd">广东</option>
	<option value="gx">广西</option>  
											
</select>
											<label for="email" class="glyphicon glyphicon-search"  rel="tooltip" title="邮箱"></label> 
										
</div>
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="control-label col-md-2" for="prepend">前置大图标</label>
									<div class="col-md-10 ">
    										<div class="input-group input-group-lg">
											<span class="input-group-addon ">
	<i class="glyphicon glyphicon-filter"></i>
</span>   
											<div class="icon-addon addon-lg ">
													<input type="text"  id=""  name=""  value=""  placeholder="邮箱地址"  class="form-control">
												<label for="email" class="glyphicon glyphicon-search"  rel="tooltip" title="邮箱"></label> 
											
</div>
											<span class="input-group-btn">
												<button class="btn btn-default" type="button">Go!</button>
											</span>
										</div>
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="control-label col-md-2" for="prepend">前置中等大小图标</label>
									<div class="col-md-10 ">
    										<div class="input-group input-group-md">
											<span class="input-group-addon ">
	<i class="glyphicon glyphicon-filter"></i>
</span>   
											<div class="icon-addon addon-md ">
													<input type="text"  id=""  name=""  value=""  placeholder="邮箱地址"  class="form-control">
												<label for="email" class="glyphicon glyphicon-search"  rel="tooltip" title="邮箱"></label> 
											
</div>
											<span class="input-group-btn">
												<button class="btn btn-default" type="button">Go!</button>
											</span>
										</div>
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="control-label col-md-2" for="prepend">前置小图标</label>
									<div class="col-md-10 ">
    										<div class="input-group input-group-sm">
											<span class="input-group-addon ">
	<i class="glyphicon glyphicon-filter"></i>
</span>   
											<div class="icon-addon addon-sm ">
													<input type="text"  id=""  name=""  value=""  placeholder="邮箱地址"  class="form-control">
												<label for="email" class="glyphicon glyphicon-search"  rel="tooltip" title="邮箱"></label> 
											
</div>
											<span class="input-group-btn">
												<button class="btn btn-default" type="button">Go!</button>
											</span>
										</div>
									
</div>
								
</div>
							
</fieldset>
							
							<fieldset >
									<legend>带有图标的简单输入</legend> 
								<div class="form-group ">
										<label class="control-label col-md-2">左边带图标的输入框</label>
									<div class="col-md-10 ">
    										<div class="row ">
    											<div class="col-sm-12 ">
    												<div class="input-icon-left">
													<i class="fa fa-microphone"></i>
													<input type="text"  id=""  name=""  value=""  placeholder="图标在输入框左边"  class="form-control">
												</div> 
											
</div>
										
</div>
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="control-label col-md-2">右边带图标的输入框</label>
									<div class="col-md-10 ">
    										<div class="row ">
    											<div class="col-sm-12 ">
    												<div class="input-icon-right">
													<i class="fa fa-microphone"></i>
													<input type="text"  id=""  name=""  value=""  placeholder="图标在输入框右边"  class="form-control">
												</div> 
											
</div>
										
</div>
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="control-label col-md-2">带旋转图标的输入框</label>
									<div class="col-md-10 ">
    										<div class="row ">
    											<div class="col-sm-12 ">
    												<input type="text"  id=""  name=""  value=""  placeholder=""  class="form-control">
											
</div>
										
</div>
									
</div>
								
</div>
							
</fieldset>
							<div class="form-actions">
								<div class="row ">
    									<div class="col-md-10 ">
    										<button class="btn btn-default" type="submit">
											取消
										</button>
										<button class="btn btn-primary" type="submit">
											<i class="fa fa-save"></i>
											提交
										</button>
									
</div>
								
</div>
							</div>
						</form>
					
</div>
 <!-- end widgetContent -->
				
</div>
 <!-- end jarvisWidgetBody -->
			
</div>
<!-- end widget -->
 <!-- end jarvisWidget -->

			<!-- Widget ID (each widget will need unique ID)-->
			<div class="jarviswidget" id="wid-id-2" data-widget-colorbutton="false" data-widget-editbutton="false">
				<!-- widget options:
				usage: <div class="jarviswidget" id="wid-id-0" data-widget-editbutton="false">

				data-widget-colorbutton="false"
				data-widget-editbutton="false"
				data-widget-togglebutton="false"
				data-widget-deletebutton="false"
				data-widget-fullscreenbutton="false"
				data-widget-custombutton="false"
				data-widget-collapsed="true"
				data-widget-sortable="false"

				-->
				<header>
					<span class="widget-icon"> <i class="fa fa-eye"></i> </span>
					<h2>水平表单</h2>

				</header>

				<!-- widget div-->
				<div>

					<!-- widget edit box -->
					<div class="jarviswidget-editbox">
						<!-- This area used as dropdown edit box -->

					</div>
					<!-- end widget edit box -->

					<!-- widget content -->
					<div class="widget-body"> 
						<form> 
							<fieldset >
									<input name="authenticity_token" type="hidden">
								<div class="form-group ">
										<label>文本域</label>
									<input type="text"  id=""  name=""  value=""  placeholder="文本域"  class="form-control">
								
</div>
								
								<div class="form-group ">
										<label> 密码域 </label>
									<input type="password"  id="mypassword"  name=""  value=""  placeholder="密码域"  class="form-control">
								
</div>
								
								<div class="form-group ">
										<label> Textarea域</label>
									<textarea  rows="3"  id=""  name=""  value=""  placeholder="Textarea输入框"  class="form-control"></textarea>
								
</div>
								
								<div class="form-group ">
										<label>只读</label>
									<span class="form-control">只读文本</span>
								
</div>
							
</fieldset>
							<div class="form-actions">
								<div class="btn btn-primary btn-lg">
									<i class="fa fa-save"></i>
									提交
								</div>
							</div>
						</form> 
					</div>
					<!-- end widget content --> 
				</div>
				<!-- end widget div --> 
			</div>
			
			<!-- end widget -->   
			<div class="jarviswidget " id="wid-id-4"
    				data-widget-colorbutton="false"
				data-widget-editbutton="false"
				>
<header>
    <span class="widget-icon"><i class="fa fa-eye"></i></span>    <h2>内嵌表单</h2>
    
</header>
				<div>
    					<div class="jarviswidget-editbox">
    
</div>
					<div class="widget-body ">
    						<div class="alert adjusted adjusted alert-info fade in">
    							<button class="close" data-dismiss="alert">×</button>
							<i class="fa-fw fa-lg fa fa-exclamation"></i>
							<strong>嘿，嘿!</strong> 这是一个内联表单!
						
</div>
						<form class="form-inline" role="form"> 
							<fieldset>
								<div class="form-group">
									<label class="sr-only" for="exampleInputEmail2">Email address</label>
									<input type="email" class="form-control" id="exampleInputEmail2" placeholder="请输入邮箱">
								</div>
								<div class="form-group">
									<label class="sr-only" for="exampleInputPassword2">Password</label>
									<input type="password" class="form-control" id="exampleInputPassword2" placeholder="请输入密码">
								</div>
								<div class="checkbox">
									<label>
										<input type="checkbox" class="checkbox">
										<span>记住密码</span></label>
								</div>
								<button type="submit" class="btn btn-primary">
									Sign in
								</button>
							</fieldset>

						</form>
					
</div>
 <!-- end widgetContent -->
				
</div>
 <!-- end jarvisWidgetBody -->
			
</div>
<!-- end widget -->
 <!-- end jarvisWidget --> 
		
</article>
		 
		<article class="col-sm-12 col-md-12 col-lg-6">
    			<div class="jarviswidget" id="wid-id-1" data-widget-colorbutton="false" data-widget-editbutton="false"> 
			<header>
				<span class="widget-icon"> <i class="fa fa-eye"></i> </span>
				<h2>默认元素</h2> 
			</header> 
			<div> 
			<div class="jarviswidget-editbox"> 
			</div>
					<!-- end widget edit box -->
					
					<!-- widget content -->
					<div class="widget-body">
						<form class="form-horizontal">
							<fieldset >
									<legend>默认表单元素</legend>
								<div class="form-group ">
										<label class="col-md-2 control-label" for="$for">
	文本域
</label>
									<div class="col-md-10 ">
    										<input type="text" disabled="disabled"  id=""  name=""  value=""  placeholder="默认文本域"  class="form-control">
									
</div>
								
</div>
								
								<div class="form-group ">
										<label class="col-md-2 control-label" for="$for">
	 自动完成输入 
</label>
									<div class="col-md-10 ">
    										<input type="text" disabled="disabled" list="list"  id=""  name=""  value=""  placeholder="请输入一些信息..."  class="form-control">
										<p class="note ">
     <strong>注意:</strong> 只在Chrome, Firefox, Opera and IE10等浏览器中有效. 
</p>
									
</div>
								
</div>

								<div class="form-group ">
										<label class="col-md-2 control-label" for="$for">
	 密码域 
</label>
									<div class="col-md-10 ">
    										<input type="password" disabled="disabled"  id="mypassword"  name=""  value=""  placeholder="请输入密码"  class="form-control">
									
</div>
								
</div>
								
								<div class="form-group ">
										<label class="col-md-2 control-label" for="$for">
	Textarea域
</label>
									<div class="col-md-10 ">
    										<textarea disabled="disabled"  rows="4"  id=""  name=""  value=""  placeholder="Textarea输入框"  class="form-control"></textarea>
									
</div>
								
</div>
							
</fieldset>
							
							<fieldset>
								<legend>无样式的复选框和内联复选框</legend>
								<div class="form-group">
									<label class="col-md-2 control-label">复选框</label>
									<div class="col-md-10">

										<div class="checkbox">
											<label>
												<input type="checkbox" disabled="disabled" name="checkbox-3" value="">
												Checkbox 1 </label>
										</div>
										<div class="checkbox">
											<label>
												<input type="checkbox" disabled="disabled" name="checkbox-3" value="">
												Checkbox 2 </label>
										</div>
										<div class="checkbox">
											<label>
												<input type="checkbox" disabled="disabled" name="checkbox-3" value="">
												Checkbox 3 </label>
										</div>
									</div>
								</div>
								<div class="form-group">
									<label class="col-md-2 control-label">内联</label>
									<div class="col-md-10">
										<label class="checkbox-inline">
											<input type="checkbox" disabled="disabled" name="checkbox-4" value="">
											Checkbox 1 </label>
										<label class="checkbox-inline">
											<input type="checkbox" disabled="disabled" name="checkbox-4" value="">
											Checkbox 2 </label>
										<label class="checkbox-inline">
											<input type="checkbox" disabled="disabled" name="checkbox-4" value="">
											Checkbox 3 </label>
									</div>
								</div>
							</fieldset>
							
							<fieldset >
									<legend>无样式的单选框和内联单选框</legend>
								<div class="form-group ">
										<label class="col-md-2 control-label" for="$for">
	单选框
</label>
									<div class="col-md-10 ">
    										<div class="radio ">
												<label> <input type="radio" disabled="disabled"      placeholder="" >
Radiobox 1 </label>
										
</div>
										<div class="radio ">
												<label> <input type="radio" disabled="disabled"      placeholder="" >
Radiobox 2 </label>
										
</div>
										<div class="radio ">
												<label> <input type="radio" disabled="disabled"      placeholder="" >
Radiobox 3 </label>
										
</div>
									
</div>
								
</div>
								
								<div class="form-group ">
										<label class="col-md-2 control-label" for="$for">
	内联
</label>
									<div class="col-md-10 ">
    										<label class="radio radio-inline"> <input type="radio" disabled="disabled"      placeholder="" >
Radiobox 1 </label>
										<label class="radio radio-inline"> <input type="radio" disabled="disabled"      placeholder="" >
Radiobox 2 </label>
										<label class="radio radio-inline"> <input type="radio" disabled="disabled"      placeholder="" >
Radiobox 3 </label> 
									
</div>
								
</div>
							
</fieldset>
							
							<fieldset >
									<legend>文件输入</legend> 
								<div class="form-group ">
										<label class="col-md-2 control-label" for="$for">
	文件域
</label>
									<div class="col-md-10 ">
    										<input type="file" disabled="disabled"  id="exampleInputFile2"  name=""  value=""  placeholder=""  class="btn btn-default">
										<p class="help-block">
											一些帮助信息.
										</p>
									
</div>
								
</div>
							
</fieldset>
							
							<fieldset  class="demo-switcher-1">
									<legend>有样式的复选框和内联复选框</legend> 
								<div class="form-group demo-switcher-1">
										<label class="col-md-2 control-label" for="$for">
	复选框
</label>
									<div class="col-md-10 ">
    										<div class="checkbox demo-switcher-1">
												<label> <input type="checkbox" disabled="disabled"  checked=""  id=""  name=""  value=""  placeholder=""  class="checkbox style-0">
 <span>Checkbox 1</span> </label>
										
</div>
										<div class="checkbox demo-switcher-1">
												<label> <input type="checkbox" disabled="disabled"  checked=""  id=""  name=""  value=""  placeholder=""  class="checkbox style-0">
 <span>Checkbox 2</span> </label>
										
</div>
										<div class="checkbox demo-switcher-1">
												<label> <input type="checkbox" disabled="disabled"  checked=""  id=""  name=""  value=""  placeholder=""  class="checkbox style-0">
 <span>Checkbox 3</span> </label>
										
</div>
									
</div>
								
</div>
							
								<div class="form-group demo-switcher-1">
										<label class="col-md-2 control-label" for="$for">
	内联
</label>
									<div class="col-md-10 ">
    										<label class="checkbox-inline"> <input type="checkbox" disabled="disabled"   id=""  name=""  value="checkbox"  placeholder=""  class="demo-switcher-1">
 <span>Checkbox 1</span> </label>			
										<label class="checkbox-inline"> <input type="checkbox" disabled="disabled"   id=""  name=""  value="checkbox"  placeholder=""  class="demo-switcher-1">
 <span>Checkbox 2</span> </label>			
										<label class="checkbox-inline"> <input type="checkbox" disabled="disabled"   id=""  name=""  value="checkbox"  placeholder=""  class="demo-switcher-1">
 <span>Checkbox 3</span> </label> 
									
</div>
								
</div>
							
							
</fieldset>
							
							<fieldset  class="demo-switcher-1">
									<legend>有样式的单选框和内联单选框</legend>
								<div class="form-group demo-switcher-1">
										<label class="col-md-2 control-label" for="$for">
	单选框
</label>
									<div class="col-md-10 ">
    										<div class="radio demo-switcher-1">
												<label> <input type="radio" disabled="disabled"  checked=""  id=""  name="radio"  value=""  placeholder=""  class="radiobox style-0">
 <span>Radiobox 1</span> </label>
										
</div>
										<div class="radio demo-switcher-1">
												<label> <input type="radio" disabled="disabled"  checked=""  id=""  name="radio"  value=""  placeholder=""  class="radiobox style-0">
 <span>Radiobox 2</span> </label>
										
</div>
										<div class="radio demo-switcher-1">
												<label> <input type="radio" disabled="disabled"  checked=""  id=""  name="radio"  value=""  placeholder=""  class="radiobox style-0">
 <span>Radiobox 3</span> </label>
										
</div>
									
</div>
								
</div>
								
								<div class="form-group demo-switcher-1">
										<label class="col-md-2 control-label" for="$for">
	内联
</label>
									<div class="col-md-10 ">
    										<label class="radio radio-inline"> <input type="radio" disabled="disabled"  checked=""  id=""  name="style-0a"  value=""  placeholder=""  class="radiobox">
 <span>Radiobox 1</span> </label>
										<label class="radio radio-inline"> <input type="radio" disabled="disabled"  checked=""  id=""  name="style-0a"  value=""  placeholder=""  class="radiobox">
 <span>Radiobox 2</span> </label>
										<label class="radio radio-inline"> <input type="radio" disabled="disabled"  checked=""  id=""  name="style-0a"  value=""  placeholder=""  class="radiobox">
 <span>Radiobox 3</span> </label>
									
</div>
								
</div>
							
</fieldset>
							
							<fieldset >
									<legend>无样式的选择框和多选框</legend> 
								<div class="form-group ">
										<label class="col-md-2 control-label" for="select-1">
	选择框
</label>
									<div class="col-md-10 ">
    										<select disabled="disabled"  id="select-1"  name=""  value=""  placeholder=""  class="form-control">
													<option>请选择省份</option>
	<option value="浙江">浙江</option>
	<option value="河南">河南</option>
	<option value="山东">山东</option>
	<option value="山西">山西</option>
	<option value="福建">福建</option>
	<option value="北京">北京</option>
	<option value="上海">上海</option>
	<option value="广东">广东</option>
	<option value="广西">广西</option>   
										
</select>
									
</div>
								
</div>
								
								<div class="form-group ">
										<label class="col-md-2 control-label" for="multiselect1">
	多选框
</label>
									<div class="col-md-10 ">
    										<select multiple="multiple" disabled="disabled" title="点击选择一个城市"  id="multiselect1"  name=""  value=""  placeholder=""  class="form-control custom-scroll">
													<option>请选择省份</option>
	<option value="浙江">浙江</option>
	<option value="河南">河南</option>
	<option value="山东">山东</option>
	<option value="山西">山西</option>
	<option value="福建">福建</option>
	<option value="北京">北京</option>
	<option value="上海">上海</option>
	<option value="广东">广东</option>
	<option value="广西">广西</option>   
										
</select>
									
</div>
								
</div>
							
							
</fieldset>
							
							<fieldset >
									<legend>输入后的显示状态</legend>  
								<div class="form-group has-warning">
										<label class="col-md-2 control-label" for="$for">
	警告
</label>
									<div class="col-md-10 ">
    										<div class="input-group has-warning">
												<input type="text" disabled="disabled"  id=""  name=""  value=""  placeholder=""  class="form-control">
											<span class="input-group-addon has-warning">
	<i class="fa fa-warning"></i>
</span>   
										
</div>
										<span class="help-block">输入信息有错误</span>
									
</div>
								
</div>
							 
								<div class="form-group has-error">
										<label class="col-md-2 control-label" for="$for">
	错误
</label>
									<div class="col-md-10 ">
    										<div class="input-group">
											<input type="text" disabled="disabled"  id=""  name=""  value=""  placeholder=""  class="form-control">
											<span class="input-group-addon has-error">
	<i class="glyphicon glyphicon-remove-circle"></i>
</span>   
										</div>
										<span class="help-block"><i class="fa fa-warning"></i>
请纠正错误</span>
									
</div>
								
</div>
							
								<div class="form-group has-success">
										<label class="col-md-2 control-label" for="$for">
	成功
</label>
									<div class="col-md-10 ">
    										<div class="input-group">
											<span class="input-group-addon has-success">
	<i class="fa fa-dollar"></i>
</span>   
											<input type="text" disabled="disabled"  id=""  name=""  value=""  placeholder=""  class="form-control">
											<span class="input-group-addon has-success">
	<i class="fa fa-check"></i>
</span>   
										</div>
										<span class="help-block">成功</span>
									
</div>
								
</div>
							
							
</fieldset>
							
							<fieldset >
									<legend>不同尺寸大小的文本输入域</legend>
							
								<div class="form-group ">
										<label class="control-label col-md-2">超小文本</label>
									<div class="col-md-10 ">
    										<input type="text" disabled="disabled"  id=""  name=""  value=""  placeholder=".input-xs"  class="input-xs form-control">
									
</div>
								
</div>
								
								<div class="form-group ">
										<label class="control-label col-md-2">小文本</label>
									<div class="col-md-10 ">
    										<input type="text" disabled="disabled"  id=""  name=""  value=""  placeholder=".input-sm"  class="input-sm form-control">
									
</div>
								
</div>
								
								<div class="form-group ">
										<label class="control-label col-md-2">默认大小</label>
									<div class="col-md-10 ">
    										<input type="text" disabled="disabled"  id=""  name=""  value=""  placeholder="默认大小文本输入框"  class="form-control">
									
</div>
								
</div>
								
								<div class="form-group ">
										<label class="control-label col-md-2">大文本</label>
									<div class="col-md-10 ">
    										<input type="text" disabled="disabled"  id=""  name=""  value=""  placeholder=".input-lg"  class="input-lg form-control">
									
</div>
								
</div>
							
</fieldset>
							
							<fieldset >
									<legend>不同尺寸大小选择框</legend>
								<div class="form-group ">
										<label class="control-label col-md-2">小选择框</label>
									<div class="col-md-10 ">
    										<select disabled="disabled"  id=""  name=""  value=""  placeholder=""  class="input-sm form-control">
													<option>请选择省份</option>
	<option value="浙江">浙江</option>
	<option value="河南">河南</option>
	<option value="山东">山东</option>
	<option value="山西">山西</option>
	<option value="福建">福建</option>
	<option value="北京">北京</option>
	<option value="上海">上海</option>
	<option value="广东">广东</option>
	<option value="广西">广西</option>   
										
</select>
									
</div>
								
</div>
								
								<div class="form-group ">
										<label class="control-label col-md-2">默认大小</label>
									<div class="col-md-10 ">
    										<select disabled="disabled"  id=""  name=""  value=""  placeholder=""  class="form-control">
													<option>请选择省份</option>
	<option value="浙江">浙江</option>
	<option value="河南">河南</option>
	<option value="山东">山东</option>
	<option value="山西">山西</option>
	<option value="福建">福建</option>
	<option value="北京">北京</option>
	<option value="上海">上海</option>
	<option value="广东">广东</option>
	<option value="广西">广西</option>   
										
</select>
									
</div>
								
</div>
								
								<div class="form-group ">
										<label class="control-label col-md-2">大选择框</label>
									<div class="col-md-10 ">
    										<select disabled="disabled"  id=""  name=""  value=""  placeholder=""  class="input-lg form-control">
													<option>请选择省份</option>
	<option value="浙江">浙江</option>
	<option value="河南">河南</option>
	<option value="山东">山东</option>
	<option value="山西">山西</option>
	<option value="福建">福建</option>
	<option value="北京">北京</option>
	<option value="上海">上海</option>
	<option value="广东">广东</option>
	<option value="广西">广西</option>   
										
</select>
									
</div>
								
</div>
							
</fieldset>
							
							<fieldset >
									<legend>前置或后置图标效果</legend>
								<div class="form-group ">
										<label class="control-label col-md-2">前置图标</label>
									<div class="col-md-10 ">
    										<div class="row ">
    											<div class="col-sm-12 ">
    												<div class="input-group ">
														<span class="input-group-addon ">
	@
</span>   
													<input type="text" disabled="disabled"  id=""  name=""  value=""  placeholder="用户姓名"  class="form-control">
												
</div>
											
</div>
										
</div>
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="control-label col-md-2" for="prepend">前置单选</label>
									<div class="col-md-10 ">
    										<div class="row ">
    											<div class="col-sm-12 ">
    												<div class="input-group ">
														<span class="input-group-addon ">
															<span class="checkbox">
															<label>
																<input type="checkbox" disabled="disabled" class="checkbox style-0" checked="checked">
																<span></span>
															</label>
														</span>
													
</span>   
													<input type="text" disabled="disabled"  id=""  name=""  value=""  placeholder=""  class="form-control">
												
</div>
											
</div>
										
</div>
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="control-label col-md-2" for="append">后置图标</label>
									<div class="col-md-10 ">
    										<div class="row ">
    											<div class="col-sm-12 ">
    												<div class="input-group ">
														<input type="text" disabled="disabled"  id=""  name=""  value=""  placeholder=""  class="form-control">
													<span class="input-group-addon ">
	.00
</span>   
												
</div>
											
</div>
										
</div>
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="control-label col-md-2"></label>
									<div class="col-md-10 ">
    										<div class="row ">
    											<div class="col-sm-12 ">
    												<div class="input-group ">
														<input type="text" disabled="disabled"  id=""  name=""  value=""  placeholder="点击按钮切换"  class="form-control">
													<span class="input-group-addon ">
															<span class="onoffswitch">
															<input type="checkbox" name="start_interval" disabled="disabled" class="onoffswitch-checkbox" id="st3a">
															<label class="onoffswitch-label" for="st3a">
																<span class="onoffswitch-inner" data-swchon-text="YES" data-swchoff-text="NO"></span>
																<span class="onoffswitch-switch"></span>
															</label>
														</span>
													
</span>   
												
</div>
											
</div>
										
</div>
									
</div>
								
</div>
								
								<div class="form-group ">
										<label class="control-label col-md-2"></label>
									<div class="col-md-10 ">
    										<div class="row ">
    											<div class="col-sm-12 ">
    												<div class="input-group ">
														<span class="input-group-addon ">
															<span class="radio">
															<label>
																<input type="radio" disabled="disabled" class="radiobox style-0" name="style-0t2a">
																<span> 左</span>
															</label>
														</span>
													
</span>   
													<input type="text" disabled="disabled"  id=""  name=""  value=""  placeholder=""  class="form-control">
													<span class="input-group-addon ">
															<span class="radio">
															<label>
																<input type="radio" disabled="disabled" class="radiobox style-0" name="style-0t2a">
																<span> 右</span>
															</label>
														</span>
													
</span>   
												
</div>
											
</div>
										
</div>
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="control-label col-md-2">组合</label>
									<div class="col-md-10 ">
    										<div class="row ">
    											<div class="col-sm-12 ">
    												<div class="input-group ">
														<span class="input-group-addon ">
	 $ 
</span>   
													<input type="text" disabled="disabled"  id=""  name=""  value=""  placeholder=""  class="form-control">
													<span class="input-group-addon ">
	.00
</span>   
												
</div>
											
</div>
										
</div>
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="control-label col-md-2" for="appendbutton">带按钮</label>
									<div class="col-md-10 ">
    										<div class="row ">
    											<div class="col-sm-12 ">
    												<div class="input-group ">
														<input type="text" disabled="disabled"  id=""  name=""  value=""  placeholder=""  class="form-control">
													<div class="input-group-btn">
														<button class="btn btn-default" disabled="disabled" type="button">
															查询
														</button>
														<button class="btn btn-default" disabled="disabled" type="button">
															选项
														</button>
													</div>
												
</div>
											
</div>
										
</div>
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="control-label col-md-2">带有下拉按钮</label>
									<div class="col-md-10 ">
    										<div class="row ">
    											<div class="col-sm-12 ">
    												<div class="input-group ">
														<input type="text" disabled="disabled"  id=""  name=""  value=""  placeholder=""  class="form-control">
													<div class="input-group-btn">
														<button type="button" class="btn btn-default" tabindex="-1" disabled="disabled">动作</button>
														<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" tabindex="-1" disabled="disabled">
															<span class="caret"></span>
														</button>
														<ul class="dropdown-menu pull-right" role="menu">
															<li> 
	<a href="javascript:void(0);">操作1</a>
</li>
															<li> 
	<a href="javascript:void(0);">操作2</a>
</li>
															<li> 
	<a href="javascript:void(0);">操作3</a>
</li>
															<li class="divider"></li>
															<li> 
	<a href="javascript:void(0);">操作4</a>
</li>
														</ul>
													</div>
												
</div>
											
</div>
										
</div>
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="control-label col-md-2"></label>
									<div class="col-md-10 ">
    										<div class="row ">
    											<div class="col-sm-12 ">
    												<div class="input-group ">
														<div class="input-group-btn">
														<button type="button" class="btn btn-default" disabled="disabled" tabindex="-1">动作</button>
														<button type="button" class="btn btn-default dropdown-toggle" disabled="disabled" data-toggle="dropdown" tabindex="-1">
															<span class="caret"></span>
														</button>
														<ul class="dropdown-menu" role="menu">
															<li> 
	<a href="javascript:void(0);">操作1</a>
</li>
															<li> 
	<a href="javascript:void(0);">操作2</a>
</li>
															<li> 
	<a href="javascript:void(0);">操作3</a>
</li>
															<li class="divider"></li>
															<li> 
	<a href="javascript:void(0);">操作4</a>
</li>
														</ul>
													</div> 
													<input type="text" disabled="disabled"  id=""  name=""  value=""  placeholder=""  class="form-control">
												
</div>
											
</div>
										
</div>
									
</div>
								
</div>
							
</fieldset>
							
							<fieldset >
									<legend>带有图标的复杂输入</legend> 
								<div class="form-group ">
										<label class="control-label col-md-2" for="prepend">前置大图标</label>
									<div class="col-md-10 ">
    										<div class="icon-addon addon-lg ">
												<input type="text" disabled="disabled"  id=""  name=""  value=""  placeholder="邮箱地址"  class="form-control">
											<label for="email" class="glyphicon glyphicon-search"  rel="tooltip" title="邮箱"></label> 
										
</div>
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="control-label col-md-2" for="prepend">前置中等大小图标</label>
									<div class="col-md-10 ">
    										<div class="icon-addon addon-md ">
												<input type="text" disabled="disabled"  id=""  name=""  value=""  placeholder="邮箱地址"  class="form-control">
											<label for="email" class="glyphicon glyphicon-search"  rel="tooltip" title="邮箱"></label> 
										
</div>
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="control-label col-md-2" for="prepend">前置小图标</label>
									<div class="col-md-10 ">
    										<div class="icon-addon addon-sm ">
												<input type="text" disabled="disabled"  id=""  name=""  value=""  placeholder="邮箱地址"  class="form-control">
											<label for="email" class="glyphicon glyphicon-search"  rel="tooltip" title="邮箱"></label> 
										
</div>
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="control-label col-md-2" for="prepend">大选择框</label>
									<div class="col-md-10 ">
    										<div class="icon-addon addon-lg ">
												<select disabled="disabled"  id=""  name=""  value=""  placeholder=""  class="input-sm form-control">
														<option>请选择省份</option>
	<option value="zj">浙江</option>
	<option value="hn">河南</option>
	<option value="sd">山东</option>
	<option value="sx">山西</option>
	<option value="fj">福建</option>
	<option value="bj">北京</option>
	<option value="sh">上海</option>
	<option value="gd">广东</option>
	<option value="gx">广西</option>  
											
</select>
											<label for="email" class="glyphicon glyphicon-search"  rel="tooltip" title="邮箱"></label> 
										
</div>
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="control-label col-md-2" for="prepend">中等大小选择框</label>
									<div class="col-md-10 ">
    										<div class="icon-addon addon-md ">
												<select disabled="disabled"  id=""  name=""  value=""  placeholder=""  class="form-control">
														<option>请选择省份</option>
	<option value="zj">浙江</option>
	<option value="hn">河南</option>
	<option value="sd">山东</option>
	<option value="sx">山西</option>
	<option value="fj">福建</option>
	<option value="bj">北京</option>
	<option value="sh">上海</option>
	<option value="gd">广东</option>
	<option value="gx">广西</option>  
											
</select>
											<label for="email" class="glyphicon glyphicon-search"  rel="tooltip" title="邮箱"></label> 
										
</div>
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="control-label col-md-2" for="prepend">小选择框</label>
									<div class="col-md-10 ">
    										<div class="icon-addon addon-sm ">
												<select disabled="disabled"  id=""  name=""  value=""  placeholder=""  class="input-lg form-control">
														<option>请选择省份</option>
	<option value="zj">浙江</option>
	<option value="hn">河南</option>
	<option value="sd">山东</option>
	<option value="sx">山西</option>
	<option value="fj">福建</option>
	<option value="bj">北京</option>
	<option value="sh">上海</option>
	<option value="gd">广东</option>
	<option value="gx">广西</option>  
											
</select>
											<label for="email" class="glyphicon glyphicon-search"  rel="tooltip" title="邮箱"></label> 
										
</div>
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="control-label col-md-2" for="prepend">前置大图标</label>
									<div class="col-md-10 ">
    										<div class="input-group input-group-lg">
											<span class="input-group-addon ">
	<i class="glyphicon glyphicon-filter"></i>
</span>   
											<div class="icon-addon addon-lg ">
													<input type="text" disabled="disabled"  id=""  name=""  value=""  placeholder="邮箱地址"  class="form-control">
												<label for="email" class="glyphicon glyphicon-search"  rel="tooltip" title="邮箱"></label> 
											
</div>
											<span class="input-group-btn">
												<button class="btn btn-default" type="button" disabled="disabled">Go!</button>
											</span>
										</div>
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="control-label col-md-2" for="prepend">前置中等大小图标</label>
									<div class="col-md-10 ">
    										<div class="input-group input-group-md">
											<span class="input-group-addon ">
	<i class="glyphicon glyphicon-filter"></i>
</span>   
											<div class="icon-addon addon-md ">
													<input type="text" disabled="disabled"  id=""  name=""  value=""  placeholder="邮箱地址"  class="form-control">
												<label for="email" class="glyphicon glyphicon-search"  rel="tooltip" title="邮箱"></label> 
											
</div>
											<span class="input-group-btn">
												<button class="btn btn-default" type="button" disabled="disabled">Go!</button>
											</span>
										</div>
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="control-label col-md-2" for="prepend">前置小图标</label>
									<div class="col-md-10 ">
    										<div class="input-group input-group-sm">
											<span class="input-group-addon ">
	<i class="glyphicon glyphicon-filter"></i>
</span>   
											<div class="icon-addon addon-sm ">
													<input type="text" disabled="disabled"  id=""  name=""  value=""  placeholder="邮箱地址"  class="form-control">
												<label for="email" class="glyphicon glyphicon-search"  rel="tooltip" title="邮箱"></label> 
											
</div>
											<span class="input-group-btn">
												<button class="btn btn-default" type="button" disabled="disabled">Go!</button>
											</span>
										</div>
									
</div>
								
</div>
							
</fieldset>
							
							<fieldset >
									<legend>带图标的小输入框</legend> 
								<div class="form-group ">
										<label class="control-label col-md-2">左边带图标的输入框</label>
									<div class="col-md-10 ">
    										<div class="row ">
    											<div class="col-sm-12 ">
    												<div class="input-icon-left">
													<i class="fa fa-microphone"></i>
													<input type="text" disabled="disabled"  id=""  name=""  value=""  placeholder="图标在输入框左边"  class="form-control">
												</div>
							
											
</div>
										
</div>
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="control-label col-md-2">右边带图标的输入框</label>
									<div class="col-md-10 ">
    										<div class="row ">
    											<div class="col-sm-12 ">
    												<div class="input-icon-right">
													<i class="fa fa-microphone"></i> 
													<input type="text" disabled="disabled"  id=""  name=""  value=""  placeholder="图标在输入框右边"  class="form-control">
												</div> 
											
</div>
										
</div>
									
</div>
								
</div>
							
								<div class="form-group ">
										<label class="control-label col-md-2">带旋转图标的输入框</label>
									<div class="col-md-10 ">
    										<div class="row ">
    											<div class="col-sm-12 ">
    												<input type="text" disabled="disabled"  id=""  name=""  value=""  placeholder="ui-autocomplete-loading"  class="form-control ui-autocomplete-loading">
											
</div>
										
</div>
									
</div>
								
</div>
							
</fieldset>
							
							<div class="form-actions">
								<div class="row ">
    									<div class="col-md-10 ">
    										<button class="btn btn-primary" disabled="disabled" type="submit">
											<i class="fa fa-save"></i>
											提交
										</button>
										<button class="btn btn-default" disabled="disabled" type="submit">
											取消
										</button>
									
</div>
								
</div>
							</div>
						</form>
					</div>
				</div>
			</div>
 

			<div class="jarviswidget " id="wid-id-3"
    				data-widget-colorbutton="false"
				data-widget-editbutton="false"
				>
<header>
    <span class="widget-icon"><i class="fa fa-eye-slash"></i></span>    <h2>水平表单</h2>
    
</header>
				<div>
    					<div class="jarviswidget-editbox">
    
</div>
					<div class="widget-body ">
    						<form>
							<fieldset >
									<input name="authenticity_token" type="hidden">
								<div class="form-group ">
										<label>文本域</label>
									<input type="text" disabled="disabled"  id=""  name=""  value=""  placeholder="文本域"  class="form-control">
								
</div>
								
								<div class="form-group ">
										<label> 密码域 </label>
									<input type="password" disabled="disabled"  id="mypassword"  name=""  value=""  placeholder="请输入密码"  class="form-control">
								
</div>
								
								<div class="form-group ">
										<label>Textarea域</label> 
										<textarea disabled="disabled"  rows="3"  id=""  name=""  value=""  placeholder="Textarea输入框"  class="form-control"></textarea>
								
</div>
								
								<div class="form-group ">
										<label>只读</label>
									<span class="form-control">只读文本</span>
								
</div>
							
</fieldset>
							<div class="form-actions">
								<button class="btn btn-primary btn-lg" disabled="disabled">
									<i class="fa fa-save"></i>
									提交
								</button>
							</div>
						</form>
					
</div>
 <!-- end widgetContent -->
				
</div>
 <!-- end jarvisWidgetBody -->
			
</div>
<!-- end widget -->
 <!-- end jarvisWidget -->


			<div class="jarviswidget " id="wid-id-5"
    				data-widget-colorbutton="false"
				data-widget-editbutton="false"
				>
<header>
    <span class="widget-icon"><i class="fa fa-eye-slash"></i></span>    <h2>内联表单</h2>
    
</header>
				<div>
    					<div class="jarviswidget-editbox">
    
</div>
					<div class="widget-body ">
    						<div class="alert adjusted alert-warning fade in">
    							<button class="close" data-dismiss="alert">×</button>
							<i class="fa fa-fw fa-lg fa-exclamation"></i>
							<strong>嘿，嘿!</strong> 我已被禁用!
						
</div>
						<form class="form-inline" role="form"> 
							<fieldset>
								<div class="form-group">
									<label class="sr-only">Email address</label>
									<input type="email" class="form-control" disabled="disabled" placeholder="请输入邮箱">
								</div>
								<div class="form-group">
									<label class="sr-only">Password</label>
									<input type="password" class="form-control" disabled="disabled" placeholder="请输入密码">
								</div>
								<div class="checkbox">
									<label>
										<input type="checkbox" disabled="disabled">
										记住密码 </label>
								</div>
								<button type="submit" disabled="disabled" class="btn btn-primary">
									登录
								</button>
							</fieldset>
						</form>					
					
</div>
 <!-- end widgetContent -->
				
</div>
 <!-- end jarvisWidgetBody -->
			
</div>
<!-- end widget -->
 <!-- end jarvisWidget --> 
		
</article>
	
</div>

	<div class="row">
    		<article class="col-sm-12">
    			<div class="jarviswidget " id="wid-id-8"
    				data-widget-colorbutton="false"
				data-widget-editbutton="false"
				>
<header>
    <span class="widget-icon"><i class="fa fa-columns"></i></span>    <h2>不同尺寸大小的文本输入框</h2>
    
</header>
				<div>
    					<div class="jarviswidget-editbox">
    
</div>
					<div class="widget-body ">
    						<div class="row ">
    							<div class="col-sm-12">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-12"  class="form-control">
</div>
						
</div>
	
						<hr> 
						<div class="row ">
    							<div class="col-sm-6">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-6"  class="form-control">
</div>
							<div class="col-sm-6">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-6"  class="form-control">
</div>
						
</div>
	
						<hr> 
						<div class="row ">
    							<div class="col-sm-6">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-6"  class="form-control">
</div>
							<div class="col-sm-3">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-3"  class="form-control">
</div>
							<div class="col-sm-3">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-3"  class="form-control">
</div>
						
</div>
	
						<hr> 
						<div class="row ">
    							<div class="col-sm-3">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-3"  class="form-control">
</div>
							<div class="col-sm-3">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-3"  class="form-control">
</div>
							<div class="col-sm-3">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-3"  class="form-control">
</div>
						
</div>
	
						<hr> 
						<div class="row ">
    							<div class="col-sm-4">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-4"  class="form-control">
</div>
							<div class="col-sm-4">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-4"  class="form-control">
</div>
							<div class="col-sm-4">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-4"  class="form-control">
</div>
						
</div>
	
						<hr> 
						<div class="row ">
    							<div class="col-sm-2">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-2"  class="form-control">
</div>
							<div class="col-sm-2">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-2"  class="form-control">
</div>
							<div class="col-sm-2">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-2"  class="form-control">
</div>
							<div class="col-sm-2">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-2"  class="form-control">
</div>
							<div class="col-sm-2">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-2"  class="form-control">
</div>
							<div class="col-sm-2">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-2"  class="form-control">
</div>
						
</div>
					
</div>
 <!-- end widgetContent -->
				
</div>
 <!-- end jarvisWidgetBody -->
			
</div>
<!-- end widget -->
 <!-- end jarvisWidget --> 
		
</article>
	
</div>
	
	<div class="row">
    		<article class="col-sm-12 col-md-12 col-lg-6">
    			<div class="jarviswidget " id="wid-id-9"
    				data-widget-colorbutton="false"
				data-widget-editbutton="false"
				>
<header>
    <span class="widget-icon"><i class="fa fa-columns"></i></span>    <h2>靠右对齐的文本输入框</h2>
    
</header>
				<div>
    					<div class="jarviswidget-editbox">
    
</div>
					<div class="widget-body ">
    						<div class="row ">
    <div class="col-sm-2 pull-right">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-2"  class="form-control">
</div> 

</div>
<hr> 
						<div class="row ">
    <div class="col-sm-3 pull-right">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-3"  class="form-control">
</div> 

</div>
<hr>
						<div class="row ">
    <div class="col-sm-4 pull-right">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-4"  class="form-control">
</div> 

</div>
<hr>
						<div class="row ">
    <div class="col-sm-5 pull-right">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-5"  class="form-control">
</div> 

</div>
<hr>
						<div class="row ">
    <div class="col-sm-6 pull-right">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-6"  class="form-control">
</div> 

</div>
<hr>
						<div class="row ">
    <div class="col-sm-7 pull-right">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-7"  class="form-control">
</div> 

</div>
<hr>
						<div class="row ">
    <div class="col-sm-8 pull-right">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-8"  class="form-control">
</div> 

</div>
<hr> 
						<div class="row ">
    <div class="col-sm-9 pull-right">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-9"  class="form-control">
</div> 

</div>
<hr>
						<div class="row ">
    <div class="col-sm-10 pull-right">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-10"  class="form-control">
</div> 

</div>
<hr>
						<div class="row ">
    <div class="col-sm-11 pull-right">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-11"  class="form-control">
</div> 

</div>
<hr>
						<div class="row ">
    <div class="col-sm-12 pull-right">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-12"  class="form-control">
</div> 

</div>
					
</div>
 <!-- end widgetContent -->
				
</div>
 <!-- end jarvisWidgetBody -->
			
</div>
<!-- end widget -->
 <!-- end jarvisWidget --> 
		
</article>

		<article class="col-sm-12 col-md-12 col-lg-6">
    			<div class="jarviswidget " id="wid-id-10"
    				data-widget-colorbutton="false"
				data-widget-editbutton="false"
				>
<header>
    <span class="widget-icon"><i class="fa fa-columns"></i></span>    <h2>靠左对齐的文本输入框</h2>
    
</header>
				<div>
    					<div class="jarviswidget-editbox">
    
</div>
					<div class="widget-body ">
    						<div class="row ">
    <div class="col-sm-2 pull-left">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-2"  class="form-control">
</div>

</div>
<hr>
						<div class="row ">
    <div class="col-sm-3 pull-left">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-3"  class="form-control">
</div>

</div>
<hr>  
						<div class="row ">
    <div class="col-sm-4 pull-left">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-4"  class="form-control">
</div>

</div>
<hr>
						<div class="row ">
    <div class="col-sm-5 pull-left">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-5"  class="form-control">
</div>

</div>
<hr> 
						<div class="row ">
    <div class="col-sm-6 pull-left">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-6"  class="form-control">
</div>

</div>
<hr>
						<div class="row ">
    <div class="col-sm-7 pull-left">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-7"  class="form-control">
</div>

</div>
<hr>
						<div class="row ">
    <div class="col-sm-8 pull-left">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-8"  class="form-control">
</div>

</div>
<hr>
						<div class="row ">
    <div class="col-sm-9 pull-left">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-9"  class="form-control">
</div>

</div>
<hr>  
						<div class="row ">
    <div class="col-sm-10 pull-left">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-10"  class="form-control">
</div>

</div>
<hr> 
						<div class="row ">
    <div class="col-sm-11 pull-left">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-11"  class="form-control">
</div>

</div>
<hr>
						<div class="row ">
    <div class="col-sm-12 pull-left">
	<input type="text"  id=""  name=""  value=""  placeholder=".col-sm-12"  class="form-control">
</div>

</div>
					
</div>
 <!-- end widgetContent -->
				
</div>
 <!-- end jarvisWidgetBody -->
			
</div>
<!-- end widget -->
 <!-- end jarvisWidget -->
		
</article>
	
</div>

</section>
 <!-- end widgetGrid -->

							<script type="text/javascript">

	/* DO NOT REMOVE : GLOBAL FUNCTIONS!
	 *
	 * pageSetUp(); WILL CALL THE FOLLOWING FUNCTIONS
	 *
	 * // activate tooltips
	 * $("[rel=tooltip]").tooltip();
	 *
	 * // activate popovers
	 * $("[rel=popover]").popover();
	 *
	 * // activate popovers with hover states
	 * $("[rel=popover-hover]").popover({ trigger: "hover" });
	 *
	 * // activate inline charts
	 * runAllCharts();
	 *
	 * // setup widgets
	 * setup_widgets_desktop();
	 *
	 * // run form elements
	 * runAllForms();
	 *
	 ********************************
	 *
	 * pageSetUp() is needed whenever you load a page.
	 * It initializes and checks for all basic elements of the page
	 * and makes rendering easier.
	 *
	 */

	pageSetUp();
	
	/*
	 * ALL PAGE RELATED SCRIPTS CAN GO BELOW HERE
	 * eg alert("my home function");
	 * 
	 * var pagefunction = function() {
	 *   ...
	 * }
	 * loadScript("js/plugin/_PLUGIN_NAME_.js", pagefunction);
	 * 
	 * TO LOAD A SCRIPT:
	 * var pagefunction = function (){ 
	 *  loadScript(".../plugin.js", run_after_loaded);	
	 * }
	 * 
	 * OR
	 * 
	 * loadScript(".../plugin.js", run_after_loaded);
	 */

	// PAGE RELATED SCRIPTS

	// pagefunction
	
	var pagefunction = function() {
		
		// class switcher for radio and checkbox
		$('input[name="demo-switcher-1"]').change( function() {
		  //alert($(this).val())
		  $this = $(this);
		  
		  myNewClass = $this.attr('id');
		  
		  $('.demo-switcher-1 input[type="checkbox"]').removeClass();
		  $('.demo-switcher-1 input[type="checkbox"]').addClass("checkbox "+ myNewClass);
		  
		  $('.demo-switcher-1 input[type="radio"]').removeClass();
		  $('.demo-switcher-1 input[type="radio"]').addClass("radiobox "+ myNewClass);
		  
		});
		
	};
	
	// end pagefunction
	
	// run pagefunction on load
	
	pagefunction();
	
</script>